// 获取session中的用户id
var trallerId = sessionStorage.getItem("travelid");
//页面加载时将旅客id写到对应的input中
$(function() {
    getTravelerInfo();
});

//=======================================================================
//向后端发送ajax请求 url包含常用旅客id，后端根据id查询
//返回结果渲染到对用的input中
function getTravelerInfo() {
    console.log(trallerId);
    var sendUrl = "/travelers/" + trallerId;
    console.log(sendUrl);

    $.ajax({

        url : sendUrl,
        type : "GET",
        datatype : "json",
        success : function(data) {
            console.log(data);
            //成功返回结果则将数据渲染到指定input框中
            if (data.status == 1) {
                var resName = data.data.travellerName;
                var resCusId = data.data.customerId;
                var resCardType = data.data.certificateType;
                var resCardNo = data.data.certificateNo;
                var resTel = data.data.travellerTelno;
                var resTraType = data.data.travellerType;
                var resTraSex = data.data.travellerGender;

                console.log(resName);

                //设置姓名
                $('.traName').val(resName);
                //设置手机号
                $('.traTel').val(resTel);
                //设置证件类型
                switch (resCardType) {
                    case "身份证" :
                        $(".cardType").val("0");
                        break;
                    case "护照" :
                        $(".cardType").find("option [value='1']").attr("selected",true);
                        break;
                    case "港澳台通行证" :
                        $(".cardType").find("option [value='2']").attr("selected",true);
                        break;
                    case "其他" :
                        $(".cardType").find("option [value='3']").attr("selected",true);
                        break;
                }
                //设置证件号
                $('.cardNo').val(resCardNo);
                //设置性别
                switch (resTraType) {
                    case "男" :
                        $('.M').attr('checked', true);
                        break;
                    case "女" :
                        $('.F').attr('checked', true);
                        break;
                }
                //设置旅客类型
                switch (resTraSex) {
                    case "老人" :
                        $(".traType").find("option [value='0']").attr("selected",true);
                        break;
                    case "成人" :
                        $(".traType").find("option [value='1']").attr("selected",true);
                        break;
                    case "儿童" :
                        $(".traType").find("option [value='2']").attr("selected",true);
                        break;
                }
                //设置所属用户id
                $('.cusId').val(resCusId);
            }
        }
    })
}



//===================================================
//使用layui表单
layui.use('form', function(){
    var form = layui.form;

    //监听提交
    form.on('submit(formDemo)', function(data){
        var sendData = JSON.stringify(data.field);
        console.log(data.field);

        var sendData1 = JSON.parse(sendData)

        var sendUrl = "/travelers/update";
        //发送ajax请求
        $.ajax({
            url : sendUrl,
            type : "POST",
            dataType: "json",
            data : {
                _method: "PUT",
                tid: trallerId,
                cusid: sendData1.cusId,
                traname: sendData1.traName,
                cardtype: sendData1.cardType,
                cardno: sendData1.cardNo,
                tratel: sendData1.traTel,
                tsex: sendData1.sex,
                tratype: sendData1.traType
            },
            success : function (data) {
                console.log(data);

                //修改成功
                if(data.status == 1){
                    //配置layui弹出框
                    layui.use('layer', function () {
                        var layer = layui.layer;

                        layer.open({
                            type: 1
                            , title: false //不显示标题栏
                            , closeBtn: false
                            , area: '300px;'
                            , shade: 0.8
                            // ,skin : 'demo-class'
                            , id: 'LAY_layuipro' //设定一个id，防止重复弹出
                            , btn: ['确定']
                            , btnAlign: 'c'
                            , moveType: 1 //拖拽模式，0或者1
                            , content: '<div style="padding: 50px; ' +
                                'line-height: 22px; background-color: #00d0d4; ' +
                                'color: #fff; font-weight: 300;">修改旅客信息成功～(￣▽￣～)(～￣▽￣)～，点击确定返回旅客信息页面</div>'
                            , success: function (layero) {
                                var btn = layero.find('.layui-layer-btn');
                                btn.find('.layui-layer-btn0').attr({
                                    href: '/travelers'
                                    , target: '_blank'
                                });
                            }
                        });


                    });
                }else {
                    layer.msg("添加失败，点击取消返回旅客信息列表")
                }


            }

            
        });

        return false;
    });
});
//==============================
// 点击取消返回列表页
//==============================
$(".cancel").click(function () {
    $(location).attr("href","/travelers")
});

//==========================================
// 删除旅客信息
//============================================
function delTInfo() {
    var sendUrl = "/travelers/del/" + trallerId;
    $.ajax({
        url: sendUrl,
        type: "POST",
        dataType: "json",
        data : {
            _method:"PUT" 
        },
        success : function (data) {
            console.log(data);

            if(data.status == 1){
                layer.msg("删除旅客信息成功")
            }else {
                layer.msg("删除旅客信息失败")
            }
        }

    })
}
